/*
* @Author: afei
* @Date:   2020-07-09 14:17:09
* @Last Modified by:   lin
* @Last Modified time: 2021-09-23 16:31:54
*/

/*basic style*/
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, a {font-family: Microsoft YaHei, 'ËÎÌå', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;/* font-size: 12px; */}
.relative{position: relative}

.container { min-width: 1200px; *width: 1170px !important; }
.public-container { width: 1200px; margin: 0 auto; }
@media only screen and (min-width: 1200px) {
  .container { min-width: 1200px; *width: 1170px !important; }
  .public-container { width: 1200px; margin: 0 auto; }
  .index-nav-frame{width: 1200px;margin: 0 auto;}
}
@media only screen and (min-width: 1920px) {
  .container { min-width: 1440px; *width: 1170px !important; }
  .public-container { width: 1440px; margin: 0 auto; }
  .index-nav-frame{width: 1440px;margin: 0 auto;}
}

.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mr-3 { margin-right: 3px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-35 { margin-right: 35px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 35px; }
.ml-35 { margin-left: 35px; }
.ml-65 { margin-left: 65px; }
.ml-75 { margin-left: 75px; }
.ml-80 { margin-left: 80px; }
.ml-100 { margin-left: 100px; }
.ml-145 { margin-left: 145px; }
.mlr-10 { margin-left: 10px; margin-right: 10px; }
.pt-20 { padding-top: 20px; }
.pt-2 { padding-top: 2px; }
.pt-5 { padding-top: 5px; }
.pb-15 { padding-bottom: 15px; }
.pl-50 { padding-left: 50px; }
.w85 { width: 85px; }
.w95 { width: 95px; }
.w115 { width: 115px; }
.w135 { width: 135px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w178 { width: 178px; }
.w195 { width: 195px !important; }
.w205 { width: 205px; }
.w440 { width: 440px; }
.color-red { color: #f40000; }
.color-orange { color: #ff8e42; }
.color-price { color: #c30; }
.color-purple { color: #a018e0; }
.color-grey_big { color: #80756c; font-size: 14px; font-weight: bold; }
.color-grey { color: #87827f; }
.hide { display: none; }

.public-header .public-header-top { width: 100%; height: 40px; line-height: 40px; background: #f8f8f8; position: relative; }
.public-header .public-left { float: left; }
.public-header .public-left p { float: left; }
.public-header .public-left a { float: left; margin: 0 10px; }
.public-header .public-left b { color: #ccc; float: left; }
.public-header .public-right { float: right; }
.public-header .public-header-list { float: right; }
.public-header .public-header-list .item { float: left; margin-left: 20px; }
.public-header .item a,.public-header .item b {padding-left: 30px; }
.public-header .item .call { display: inline-block; width: 25px; height: 25px; position: absolute; top: 5px;  background: url(../images/call.png); }
.public-header .item .home { display: inline-block; width: 25px; height: 25px; position: absolute; top: 5px; background: url(../images/home.png); }
.public-header .item .sc { display: inline-block; width: 25px; height: 25px; position: absolute; top: 5px; background: url(../images/sc.png); }
.public-header .public-header-middle { height: 95px; margin-top: 0px; }
.public-header .logo a { width: 408px; height: 77px; background: url(../images/logo.png);margin-top: 10px; }
.public-header .public-search { position: relative; top: 24px; left: -50px }
.public-header .public-input-text { width: 246px; height: 34px; border: none; padding-left: 20px; outline: none; border: 1px #ccc solid; }
.public-header .public-input-btn { width: 65px; height: 34px; border: none; position: absolute; left: 226px; top: 0; outline: none; cursor: pointer; background: #000;color: #fff; }
.public-header .public-nav { height: 50px; line-height: 50px; background: #C00000;min-width: 1200px;  }
.public-header .public-nav .item { float: left; width: 150px; text-align: center; }
.public-header .public-nav .item a { color: #fff; }
.public-footer .public-footer-top { width: 100%; height: 45px; line-height: 45px; background: #e5e5e4; }
.public-footer .public-footer-top .item { float: left; width: 130px; text-align: center; }
.public-footer .public-footer-top .item a { color: #bc0e05; }
.public-footer .public-footer-middle { width: 100%; height: 186px; background: #f5f5f5; overflow: hidden; }
.public-footer .public-footer-middle .title { color: #bc0e05; }
.public-footer .public-footer-middle p { line-height: 34px; }
.public-footer .public-footer-middle p a { display: inline-block; margin-left: 10px; color: #666666; }
.public-footer .public-footer-bottom { height: 162px; }
.public-footer .public-text p span { display: inline-block; margin-left: 10px; }
.public-footer .public-footer-bottom .public-text { margin-top: 28px; text-align: center; line-height: 34px; }
.topsearch {
	width: 300px;
	margin-top: 10px;
	float: left;
	margin-right: 0px;
}

.topsearch input {
	border: 1px #DAE0E7 solid;
	border-radius: 0;
	height: 40px;
	background: #fff;
	border-radius: 5px;
	margin-right:10px
}

.topsearch button {
	color: #fff;
	border: 2px #C00000 solid;
	border-radius: 0;
	height: 40px;
	background:#C00000 url(../images/search.png) no-repeat 10px 9px;
	width:80px;
	padding-left:30px;
	border-radius: 5px;
}

.topsearch button:hover,
.topsearch button:active,
.topsearch button:focus {
	background:#C00000 url(../images/search.png) no-repeat 10px 9px;
	color: #fff;
	border: 2px #C00000 solid;
}


/* nav */
.index-nav{width: 100%;border-bottom: 0px solid #eeeeee;height: 40px;box-sizing: border-box;z-index: 99999;}
.index-nav-frame{margin: 0 auto;}
.index-nav-frame-line{font-size:16px;color: #fff;float: left;position: relative;display: block;outline: none;cursor: pointer;width: 14.2%;line-height: 50px;text-align: center;font-weight: bold;}
.index-nav-frame-line a,.index-nav-frame-line a:hover{color:#fff}
.index-nav-frame-line.active{color:#fff; border-bottom:0px #ed1c23 solid;background:#c81a07}
.index-nav-frame-line:hover{background:#c81a07;color:#fff!important}

.index-nav-frame-line-center{z-index: 99999;opacity: 0;height: 0;position: absolute;left:0px;overflow: hidden;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.index-nav-frame-line-li{width: 100%;text-align: center;background:#b61706;color: #fff;line-height: 40px;font-size: 14px;padding:0 px;min-width: 240px;}
.index-nav-frame-line-li:hover{background: #b11302;color: white;}
.index-nav-frame-line-li:hover a{background: #fff;color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-line{height: 50px;width: 100%;position: relative;display: none;outline: none;}
.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}
@media only screen and (max-width:800px) {
	.index-nav-frame-line-li a{display: block;color: white;}
	.nav-line{display: block;border-bottom: 1px solid #eeeeee;}
	.nav-small{display: block;}
	.nav-small:focus~.index-nav-frame-line{height: auto;border-bottom: 1px solid #ccc;}
	.nav-small:focus .nav-small-focus{display: block;}
	.index-nav-frame{width: 100%;}
	.index-nav-frame-line{width: 100%;height: 0;overflow: hidden;}
	.index-nav-frame-line-center{position: relative;background: #444359;}
	.index-nav-frame-line:hover .index-nav-frame-line-center{height:0;opacity: 0;}
	.index-nav-frame-line-li{border-bottom: 1px solid #4b4a5e;color: #d9d9d9;background: #444359;}
	.index-nav-frame-line-li:hover{background: #b63b4d;}
	.index-nav-frame-line:focus{height: auto;border-bottom: 1px solid #ccc;}
	.index-nav-frame-line:focus>.index-nav-frame-line-center{height:auto;opacity: 1;}
	.index-nav-frame-line:focus .index-nav-frame-line-header{color: #B63B4D;}
	.index-nav-frame-line-focus{display: none;width: 100%;height: 50px;position: absolute;left: 0;top: 0;}
	.index-nav-frame-line:focus .index-nav-frame-line-focus{display: block;}

}


/* feet */
#footer { margin-top: 20px; padding: 0; border-top: 0; background: #eee; min-height: 70px; min-width: 1200px; color: #666;padding-top: 15px; }
#footer .footer-copyright { margin-top: 0; border-top: 0; background: #5D6173; padding-top: 15px; overflow: hidden; color: #B5B9CC; }
#footer a { color: #B5B9CC; }
#footer select { background: #fff; color: #333; border: 1px #eee solid; }
#footer a:hover { color: #00aaca; }
#footer .container .row>div { margin-bottom: 10px; }
#footer .footer-copyright nav { float: right; }
#footer .footer-copyright nav ul { list-style: none; margin: 0; padding: 0; }
#footer .footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block; line-height: 12px; margin: 0; padding: 0 8px; }
#footer .footer-copyright nav ul li:first-child { border: medium none; padding-left: 0; }
.banner-top { background: url('../images/bannerfull1.png') no-repeat; height: 351px; min-width: 1200px; }